<template>
  <div
    id="particles-js"
    style="display: flex; align-items: center; justify-content: center"
  >
    <canvas
      class="particles-js-canvas-el"
      style="width: 100%; height: 100%"
      width="472"
      height="625"
    ></canvas>
  </div>
</template>
<script>
export default {
  name: "",
  data() {
    return {};
  },
  props: [],
  mounted() {
    import("./js/login.js")
    this.$nextTick(()=>{
      import("./js/loginApp.js");
    })
  },
  components: {},
  computed: {},
  methods: {},
};
</script>
<style scoped>
canvas {
  display: block;
  vertical-align: bottom;
}
#particles-js {
  width: 100%;
  height: 100%;

  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
</style>